---
slug: ../Label
---

import Basic from "../../_samples/main/Label/Basic/Basic.md";
import TextWrapping from "../../_samples/main/Label/TextWrapping/TextWrapping.md";
import UsageWithInputs from "../../_samples/main/Label/UsageWithInputs/UsageWithInputs.md";
import CustomStyling from "../../_samples/main/Label/CustomStyling/CustomStyling.md";

<%COMPONENT_OVERVIEW%>

## Basic Sample
<Basic />

<%COMPONENT_METADATA%>

## More Samples

### Text Truncation and Wrapping
The ui5-label wraps by default. To truncate it - set <b>wrapping-type="None"</b>.

<TextWrapping />

### Label with Input
The labels <b>for</b>, <b>required</b> and <b>showColon</b> properties can be used to reference inputs.

<UsageWithInputs />

### Custom Styling
The labels can be customized with pure CSS, applied on the tag.

<CustomStyling />